<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
     <{include file="public/css" /}>
</head>
<body>
<!--头部开始-->
 <{include file="public/head_index" /}>
<!--头部结束-->
<!--优势开始-->
<div class="advantage">
    <div class="container clearfix">
        <div class="item col-sm-3">
			<div class="icon">
				<img src="__STATIC__/images/index/qm_04.png" class="default">
				<img src="__STATIC__/images/index/qm_04_01.png" class="hover">
			</div>
			<p>专业服务团队</p>
		</div>
		 <div class="item col-sm-3">
			<div class="icon">
				<img src="__STATIC__/images/index/qm_05.png" class="default">
				<img src="__STATIC__/images/index/qm_05_01.png" class="hover">
			</div>
			<p>设计高级资质</p>
		</div>
		 <div class="item col-sm-3">
			<div class="icon">
				<img src="__STATIC__/images/index/qm_06.png" class="default">
				<img src="__STATIC__/images/index/qm_06_01.png" class="hover">
			</div>
			<p>开发特色管理</p>
		</div>
		 <div class="item col-sm-3">
			<div class="icon">
				<img src="__STATIC__/images/index/qm_07.png" class="default">
				<img src="__STATIC__/images/index/qm_07_01.png" class="hover">
			</div>
			<p>终身客户维护</p>
		</div>
    </div>
</div>

<!--第一块结束-->

<!--第二块开始 精品案例-->
<div class="caseWrap" >
    <div class="container">
        <div class="title">
            <h3>
                精品案例
            </h3>
           <p>简单的面向对象的轻量级PHP开发框架，秉承简洁实用的设计原则</p>
        </div>
		<ul class="caseNav">
			<li>
				<a href="<{:url('caseslist',['tid'=>7,'run1'=>0])}>">全部案例</a>
			</li>
			<{volist name=":getwholelist(81,3,7)" id="li"}>
			<li>
				<a href="<{:url($li.urlname.'list',['tid'=>7,'run1'=>$li.TypeID])}>"><{$li.TypeName}></a>
			</li>
			<{/volist}>
		</ul>
        <div class="caseCon">
			<div class="caseFirst clearfix">
			<{volist name=":contentlist(7,4,'id desc','istop=0',0)" id="li"}>
				<div class="item col-xs-3">
					<a href="<{$li.link}>">
					<div class="pic">
						<img src="<{$li.ico}>" class="picbg">
						<div class="pichover">
							<div class="icon"><img src="__STATIC__/images/index/qm_13.png"></div>
							<p><{:msubstr($li.title,0,15)}></p>
						</div>
					</div>
					</a>
				</div>
				<{/volist}>
			<div class="caseSec clearfix">
				<div class="caseSLeft">
				<{volist name=":contentlist(7,4,'id desc','istop=0',5)" id="li"}>
					<div class="item  col-xs-6">
					<a href="<{$li.link}>">
					<div class="pic">
						<img src="<{$li.ico}>" class="picbg">
						<div class="pichover">
						<div class="icon"><img src="__STATIC__/images/index/qm_13.png"></div>
						<p><{:msubstr($li.title,0,15)}></p>
					</div>
					</div>
					</a>
				</div>
				<{/volist}>
				</div>

				<div class="caseSRight">
					<div class="item">
				<{volist name=":contentlist(7,1,'id desc','istop=1',1)" id="lv"}>
					<a href="<{$lv.link}>">
					<div class="pic">
						<img src="<{$lv.ico}>" class="picbg">
						<div class="pichover">
						<div class="icon"><img src="__STATIC__/images/index/qm_13.png"></div>
						<p><{:msubstr($lv.title,0,15)}></p>
					</div>
					</div>
					</a>
				<{/volist}>		
				

				</div>

				</div>
			</div>
			<div class="casebtn">
				<a href="/index/caseslist/tid/7.html">查看更多案例</a>
			</div>
		</div>
	</div>
	</div>
<!--第二块结束 精品案例-->

<!--表单开始-->
   <{include file="public/freedbook" /}>
    <!--表单结束-->

    <!--设计师开始-->
    <div class="design  clearfix">
     <div class="container">
		 <div class="title">
			 <h3>设计师</h3>
			 <p>草邦CMS明星团队 时刻用心为您服务</p>
		 </div>
		 <div class="design-con">
				 <div class="swiper-container2">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="ss-con">
							<{volist name=":contentlist(5,4,'id desc','',1)" id="lv"}>
							<div class="item col-xs-3">
								<div class="picWrap">
									<div class="pic">
										<img src="<{$lv.ico}>">
										<div class="pichover">
										<div class="text">
											<p>从业经验 : <{$lv.ext_exper}></p>
											<p>擅长风格：<{$lv.description}></p>
										</div>
										<div class="picbtn">
											<a href="#design" class="btn1">为我设计</a>
											<a href="<{$lv.link}>#list" class="btn2">全部案例</a>
										</div>
									</div>
									</div>

								</div>
								<p class="name"><{$lv.title}><span><{$lv.subtitle}></span></p>
							</div>
							<{/volist}>
							<!---->
						</div>
					</div>
					<div class="swiper-slide">
						<div class="ss-con">
						 <{volist name=":contentlist(5,4,'id desc','',4)" id="lv"}>
						<div class="item col-xs-3">
								<div class="picWrap">
									<div class="pic">
										<img src="<{$lv.ico}>">
											<div class="pichover">
											<div class="text">
												<p>从业经验 : <{$lv.ext_exper}></p>
												<p>擅长风格：<{$lv.description}></p>
											</div>
											<div class="picbtn">
												<a href="#design" class="btn1">为我设计</a>
												<a href="<{$lv.link}>#list" class="btn2">全部案例</a>
											</div>
										</div>
									</div>
								</div>
								<p class="name"><{$lv.title}><span><{$lv.subtitle}></span></p>
							</div> 
							<{/volist}>
						</div>
						
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		 </div>
	 	<div class="dcbtn">
			<a href="/index/designerlist/tid/5.html">查看全部设计师</a>
		 </div>
		</div>
    </div>
<script>
  var swiper2 = new Swiper('.swiper-container2', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    autoplay: false,
    speed: 1000,
  })
</script>
        <!--设计师结束 --->

        <!--施工流程开始 --->
<div class="flowWrap" >

  <div class="container">
	  <div class="title">
	  <h3 style="color:#999;">施工流程</h3>
	  <p>标准化流程全周期精细化服务，按部就班完美收官</p>
  		</div>
	  <ul class="clearfix">
		  <li>
			  <img src="__STATIC__/images/index/qm_16.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_17.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_18.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_19.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_20.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_21.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_22.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_23.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_15.png" />
		  </li>
		  <li>
			  <img src="__STATIC__/images/index/qm_24.png" />
		  </li>
	  </ul>
	  <div class="tel"><span>24小时客服热线：<{$company.phone}></span></div>
  </div>
</div>

<!--施工流程结束-->


<!--热门楼盘开始-->
<div class="hothouseWrap" >
    <div class="container">
		<div class="title">
			<h3>热点项目</h3>
			<p>致力于企业品牌形象建设和传播</p>
		</div>
		<div class="houselist clearfix">
			 <{volist name=":contentlist(11,8,'id desc')" id="lr"}>
			<div class="col-xs-3">
				<div class="item">
					<a href="<{$lr.link}>">
					<div class="pic">
						<img src="<{$lr.ico}>" />
					</div>
					<div class="text">
						<p class="name"><{$lr.title}></p>
						<p class="num">已报名：<{$lr.ext_sign}></p>
					</div>
					</a>
				</div>
			</div>
			<{/volist}>
		</div>
		<div class="housebtn">
			<a href="/index/pinpailist/tid/11.html">查看更多项目</a>
		</div>
	</div>
</div>
<!--热门楼盘结束-->


<!--合作品牌开始-->
<div class="brandWrap ">
    <div class="container">
		<div class="title">
		<h3>合作品牌</h3>
		<p>以创新理念提升品牌影响力，我们以高品质服务创造商业价值</p>
	</div>
		<div class="brandlist clearfix">
		 <{volist name=":contentlist(8,9,'id desc')" id="lp"}>
		<div class="item">
			<img src="<{$lp.ico}>" />
		</div>
		<{/volist}>
		</div>
	</div>
</div>
<!--合作品牌结束-->
<!--banner图片-->
<div class="indexbanner">
	<img src="__STATIC__/images/index/qm_30.jpg">
</div>
<!--banner图片-->
<!--新闻资讯开始-->
<div class="newsWrap" >
	<div class="container">
		<div class="title">
			<h3>新闻资讯</h3>
			<p>news</p>
		</div>
		<div class="newsCon">

			<div class="item">
			<{volist name=":contentlist(4,1,'id desc','istop=1',1)" id="ln"}>
				<div class="picitem clearfix">
					<a href="<{$ln.link}>">
					<div class="pic">
						<img src="<{$ln.ico}>" />
					</div>
					<div class="text">
						<p><{:msubstr($ln.title,0,25)}></p>
					</div>
					</a>
				</div>
				<{/volist}>
				<div class="newslist">
					<ul>
					<{volist name=":contentlist(4,5,'id desc','istop=0',2)" id="lnt"}>
					<li>
						<a href="<{$lnt.link}>"><{:msubstr($lnt.title,0,25)}></a>
					</li>
					<{/volist}>
					</ul>
				</div>
			</div>

			<div class="item">
			<{volist name=":contentlist(4,1,'id desc','istop=1',2)" id="ln2"}>
				<div class="picitem clearfix">
					<a href="<{$ln2.link}>">
					<div class="pic">
						<img src="<{$ln2.ico}>" />
					</div>
					<div class="text">
						<p><{:msubstr($ln2.title,0,25)}></p>
					</div>
					</a>
				</div>
				 <{/volist}>
				<div class="newslist">
					<ul>
					<{volist name=":contentlist(4,5,'id desc','istop=0',6)" id="lnt2"}>
					<li>
						<a href="<{$lnt2.link}>"><{:msubstr($lnt2.title,0,25)}></a>
					</li>
					<{/volist}>
					</ul>
				</div>
			</div>

			<div class="item">
			<{volist name=":contentlist(4,1,'id desc','istop=1',3)" id="ln3"}>
				<div class="picitem clearfix">
					<a href="<{$ln3.link}>">
					<div class="pic">
						<img src="<{$ln3.ico}>" />
					</div>
					<div class="text">
						<p><{:msubstr($ln3.title,0,25)}></p>
					</div>
					</a>
				</div>
				<{/volist}>
				<div class="newslist">
					<ul>
						<{volist name=":contentlist(4,5,'id desc','istop=0',11)" id="lnt3"}>
					<li>
						<a href="<{$lnt3.link}>"><{:msubstr($lnt3.title,0,25)}></a>
					</li>
					<{/volist}>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!--新闻资讯开结束-->
<!--底部导航-->
<{include file="public/footer" /}>

<!--底部导航-->
</body>
</html>